.calendar {
text-align: center;
background: window;
}
.calendar TABLE, .calendar INPUT, .calendar BUTTON, .calendar SELECT {
font: 11px sans-serif;
color: WindowText;
}
.calendarHeader {
background: ActiveCaption;
background-image:url(head_background.jpg);
padding: 2px;
}
.calendarBody .grid {
text-align: center;
cursor: default;
padding: 3px;
}
.calendarBody .weekNumber {
text-align: right;
}
.calendarBody .weekDay {
text-align: center;
}
.calendarBody .sunday {
background-color: #EEEEEE;
}
.calendarBody .saturday {
background-color: #EEEEEE;
}
.calendarBody .weekNumberHead {
text-align: left;
}
.calendarBody .weekDayHead {
font-weight: bold;
width: 21px;
}
.calendarBody  .today {
font-weight: bold;
}
.calendarBody .current {
padding: 2px;
border: 1px dotted WindowText;
}
.calendarBody .selected {
}
.calendarBody  .grey {
border-color: #CCCCCC;
}
.calendarHeader SELECT {
}
.calendarHeader BUTTON {
font: 10px/16px system;
color: #444444;
width: 20px;
height: 20px;
}
.calendarFooter BUTTON {
}
.calendarFooter .todayButton {
width: 150px;
}
.calendarFooter .clearButton {
}
.calendarBody a, .calendarBody a:visited {
text-decoration: none;
color: WindowText;
}
.calendarBody .grey a, .calendarBody .grey a:visited {
color: #CCCCCC;
}
.calendarBody a:hover {
color: blue
}
INPUT.date {
width: 90px;
}
INPUT.datetime {
width: 120px;
}